{% set title = "Início" %}
{% include "partials/header.html" %}
<meta property="og:title" content="Acredito.me" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{baseurl}}" />
<meta property="og:image" content="{{baseurl}}/og-image.jpg" />
<meta property="og:description" content="Plataforma de financiamento coletivo (leve, aberta e sem taxas) para salvar vidas."/>
<meta property="fb:app_id" content="1503423656375466"/>
</head>
<body>


{% include "partials/menubar.html" %}



{% block body %}
<div class="container-fluid">
  {% if messages.success %}
  <div role="alert" class="alert alert-success">
    {% for success in messages.success %}
    <div>{{ success.msg }}</div>
    {% endfor %}
  </div><br>
  {% endif %}
  {% if messages.error %}
  <div role="alert" class="alert alert-danger">
    {% for error in messages.error %}
    <div>{{ error.msg }}</div>
    {% endfor %}
  </div><br>
  {% endif %}
  {% if messages.info %}
  <div role="alert" class="alert alert-info">
    {% for info in messages.info %}
    <div>{{ info.msg }}</div>
    {% endfor %}
  </div><br>
  {% endif %}
  <div class="row">
    <header id="top" class="header">

        <div class="header-text">
            <b style="text-shadow: 1.2px 1.2px #4a5643;"> acreditar é melhor quando acreditamos juntos.</b>
            <br><br>
            <p align = "left">
              <a href="/novacampanha" class="btn btn-default">Crie uma Campanha</a>
              <a href="/novacampanha" class="btn btn-default">Ajude campanhas existentes</a>
          </p>
        </div>

    </header>
  </div>
  {% set row = 0%}


  {% for campanha in campanhas %}
  {% if row == 0 %}
  <div class="row">
  {% endif %}
    <div class="col-sm-4">
      <div class="panel">
        <div class="panel-body explore">
            <h3><a href='{{baseurl}}/{{campanha.urlname}}'>{{ campanha.name }}</a></h3>
            <a href='{{baseurl}}/{{campanha.urlname}}'>
              <img src="{{baseurl}}/{{ campanha.profile_pic }}" alt="{{ campanha.name }}" class="explore-profile_pic" align="left">
            </a>
            <p>{{ campanha.short_description | truncate(145, true, "...")}}</p>
            <p align="right">
              {% if campanha.status == "completa"%}
              <span class="label label-success">Completa</span>
              <b>Arrecadamos </b> R$ {{ campanha.wehave }}
              {% endif %}
              {% if campanha.status == "encerrada"%}
              <span class="label label-danger">Encerrada</span>
              <b>Arrecadamos</b> R$ {{ campanha.wehave }}
              {% endif %}
              {% if campanha.status == "andamento"%}
              <span class="label label-info">Em Andamento</span>
              <b>Já arrecadamos</b> R${{ campanha.wehave }}
              {% endif %}
              {% if campanha.status == "recorrente"%}
              <span class="label label-info">Recorrente</span>
              <b>Arrecada</b> R${{ campanha.wehave }} por mês.
              {% endif %}
              <div class="div-btn-ver">
                <a href="{{baseurl}}/{{campanha.urlname}}" role="button" class="btn btn-default">Ver campanha</a>
              </div>
              <div class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width:{{ (100 * campanha.wehave.replace(',','').replace('.','')) / campanha.weneed.replace(',','').replace('.','') }}%"></div>
            </p>
          </div>
        </div>
      </div>
  {% set row = row + 1%}
  {% if row == 3 %}
  </div>
  {% set row = 0 %}
  {% endif %}
  {% endfor %}
  </div>
</div>
</div>

<br><br>

<div class="container-fluid">
  <div class="row about-row">
    <div class="col-md-12">
      <div class="row">
        <div class="col-md-2">
        </div>
        <div class="col-md-4 about-div">
          <div class="about-text">
            <h2>
              Como funciona?
            </h2>
            Com o Acredito-me, você cria e divulga sua campanha de financiamento coletivo de forma mais livre, simples, sem taxas e alcançando mais pessoas.
          </div>
        </div>
        <div class="col-md-4">
          <img src="/img/static/como_funciona1.png" class="about-img">
        </div>
        <div class="col-md-2">
        </div>
      </div>
    </div>
  </div>
  <div class="row about-row">
    <div class="col-md-12">
      <div class="row">
        <div class="col-md-2">
        </div>
        <div class="col-md-4 about-div">
          <div class="about-text">
            <h2>
              Sua campanha, seu dinheiro
            </h2>
            Defina a sua meta, descrição, contas bancárias e/ou plataformas de pagamento. Você recebe o dinheiro diretamente, sem o intermédio do Acredito-me.
          </div>
        </div>
        <div class="col-md-4">
          <img src="/img/static/como_funciona2.png" class="about-img">
        </div>
        <div class="col-md-2">
        </div>
      </div>
    </div>
  </div>
  <div class="row about-row">
    <div class="col-md-12">
      <div class="row">
        <div class="col-md-2">
        </div>
        <div class="col-md-4 about-div">
          <div class="about-text">
            <h2>
              Do seu jeito
            </h2>
            Personalize o design da campanha, adicione fotos, defina cores, e até use um domínio personalizado.
          </div>
        </div>
        <div class="col-md-4">
          <img src="/img/static/como_funciona3.png" class="about-img">
        </div>
        <div class="col-md-2">
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="manifesto">
      <h1>No que acreditamos?</h1>
      <p><br>
        Nós acreditamos em um <b>mundo digital melhor.</b> <br><br>
        Acreditamos em <b>economia colaborativa</b> e <br>
        que <b>ajudar o outro faz bem.</b>
        <br><br>
      </p>
      <p>
        O Acredito-me é gratuito e sempre será.
      </p>
      <p>
        <b>Nossa base é a comunidade!</b><br>
      </p>
    </div>
  </div>
  <div class="row about-resume">
    <div class="col-md-12">
      <div class="row">
        <div class="col-md-3">
          <h3>
            Time
          </h3>
          <p>
            O Acredito-me é construído por voluntários que sentem que algumas plataformas de financiamento coletivo no Brasil estão fazendo negócio com sonhos e necessidades.
          </p>
          <p>
            <a href="#">Conheça o time »</a>
          </p>
        </div>
        <div class="col-md-3">
          <h3>
            Código-aberto
          </h3>
          <p>
            Todo software deve respeitar o usuário e ter seu código-aberto! Com uma comunidade podemos fazer muito mais. Se você é desenvolvedor ou quer aprender:
          </p>
          <p>
            <a href="#">Junte-se a nós »</a>
          </p>
        </div>
        <div class="col-md-3">
          <h3>
            Voluntariado
          </h3>
          <p>
            Quer ajudar o Acredito-me? Existem muitas formas de fazer isso! Do código ao social media, do design até a divulgação. Seja um voluntário e espalhe a palavra.
          </p>
          <p>
            <a href="#"> Saber mais »</a>
          </p>
        </div>
        <div class="col-md-3">
          <h3>
            Ajude financeiramente
          </h3>
          <p>
            O Acredito-me tem sua própria campanha para cobrir gastos operacionais. Sua ajuda será muito bem-vinda!
          </p>
          <p>
            <a href="/acreditome">Veja nossa campanha »</a>
          </p>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="text-center">
      <a href="https://notabug.org/acreditome">
        <i class="fa fa-bug footer-icons"></i>
      </a>
      <a href="https://facebook.com/acreditome">
        <i class="fa fa-facebook footer-icons"></i>
      </a>
      <a href="https://instagram.com/acreditome">
        <i class="fa fa-instagram footer-icons"></i>
      </a>
      <a href="https://twitter.com/acreditome">
        <i class="fa fa-twitter footer-icons"></i>
      </a>
    </div>
  </div>
</div>

<br><br><br>

{% endblock %}
{% include "partials/footer.html" %}
